.wrap {
	font-size: 16px;
	margin-top: 66px;
	&:after {
		content: '';
		display: block;
		clear: both;
	}
	margin-bottom: 100px;
	.top {
	height: 48px;
	width: 100%;
	margin-bottom: 28px;
	background: url('../images/reserve-head.jpg');
	}  
	.wrap-left {
		width: 872px;
		float: left;
		button.next {
			width: 455px;
			height: 55px;
			color: #fff;
			display: block;
			background: #3789f5;
			font-size: 24px;
			text-align: center;
			line-height: 55px;
			margin: 30px auto 0;
		}
		.block {
			border: 1px solid #e0e1e1;
			margin-bottom: 14px;
			.block-title {
				height: 38px;
				font-size: 18px;
				color: white;
				line-height: 38px;
				background: #969697;
				padding-left: 10px;	
			}
			.block-content {
				padding: 0 25px 28px 25px;
				&.traveller-message {
					padding-top: 30px;
					padding-bottom: 40px;
					fieldset {
						>p {
							margin-bottom: 25px;
							b {
								font-size: 18px;
								color: #2d7feb;
							}
						}
						.controls {
							p {
								font-size: 14px;
							}
							&:last-of-type {
								margin-bottom: 34px;
							}
							i.word {
								margin-left: 28px;
								font-size: 14px;
								color: #727171;
							}		
						} 
					}
					.warn {
						padding: 11px 17px;
						font-size: 12px;
						color: #727171;
						border: 1px solid #818181;
					}
				}
				h4 {
					color: #2d7feb;
					font-size: 16px;
					padding-top: 22px;
					margin-bottom: 23px;	
				}
				ul {
					li {
						padding: 18px 0 17px;
						border-bottom: 1px solid #e9e9e9;
						h3 {
							font-weight: bold;
							font-size: 18px;
							color: #727171;
							margin-bottom: 5px;
						}
						p {
							font-size: 18px;
							color: #2d7feb;
						}
					}
				}
				.controls {
					margin-bottom: 20px;
					p {
						margin-bottom: 8px;
					}
					input {
						padding: 8px;
						border: 1px solid #8d8d8d;
						width: 350px;

					}
					i.red {
						margin-left: 28px;
						color: #ff0070;
					}
				}
			}
		}
	}
	.wrap-right {
		width: 295px;
		float: right;
		.blue-block {
			border: 1px solid #e0e1e1;
			.blue-top {
				height: 38px;
				line-height: 38px;
				color: #fff;
				padding-left: 16px;
				padding-right: 8px;
				background: #3789f5;
				h2 {
					float: left;
					height: 38px;
					line-height: 38px;
					font-size: 18px;
				}
				i {
					float: right;
					font-size: 22px;
				}
			}
			.blue-content {
				height: 180px;
				padding: 20px 9px 30px 9px;
				div.detail {
					margin-left: 5px;
					overflow: hidden;
					h4 {
						font-size: 14px;
						color: #818181;
					}
					p {
						margin: 13px 0 34px 0 ;
						overflow: hidden;
						span {
							float: left;
							font-size: 14px;
						}
						i {
							color: #3789f5;
							float: right;
						}
					}
				}
				div.count {
					width: 100%;
					height: 49px;
					padding: 0 10px 0 18px;
					line-height: 49px;
					color: #fff;
					background: #3789f5;
					span {
						float: left;
						font-size: 14px;
					}
					i {
						float: right;
						font-size: 24px;
					}
				}
			}
		}
		.hot-phone {
			color: #727171;
			padding-top: 13px;
			text-align: center;
			span {
				font-size: 18px;	
			}
			i {
				font-weight: bold;	
				font-size: 24px;
			}
			
		}
		
	}

}


